<script setup>
import { onMounted } from "vue";

// 挂载到原型-----------------
// import { getCurrentInstance, onMounted } from "vue";
// const { appContext } = getCurrentInstance();
// onMounted(() => {
//   appContext.config.globalProperties.$http
//     .get("https://unidemo.dcloud.net.cn/api/news")
//     .then((res) => {
//       console.log(res);
//     });
// });




// 后代选择器------------------
// import {inject,onMounted} from 'vue'
// const $axios = inject('$http')
// onMounted(() => {
//   $axios.get('https://unidemo.dcloud.net.cn/api/news').then(res=>{
//     console.log(res);
//   })
// })





// XMLHttpRequest核心对象------------------
// const get1 = () => {
//   const xml = new XMLHttpRequest();
//   xml.open("get", "https://unidemo.dcloud.net.cn/api/news", true);
//   xml.send();
//   xml.onreadystatechange = function () {
//     if (xml.readyState == 4 && xml.status == 200) {
//       console.log(xml.responseText);
//     }
//   };
// };



// fetch方法---------------------
// const get2=()=>{
//   fetch('https://unidemo.dcloud.net.cn/api/news').then(res=>
//     res.json()
// ).then(res=>
//       console.log(res)
//   )
// }
onMounted(() => {
  // get1();
  // get2()
  list()
});



// async await 方法-------------------
import {getlist} from './index/index'
const list= async()=>{
  let res = await getlist()
  console.log(res);
}
</script>

<template>
  <div></div>
  <router-view></router-view>
</template>

<style scoped>
</style>
